@import './common.styl'
// 全局 dialog 调整
.el-dialog__header {
  padding-bottom: 10px;
}
.el-dialog__body {
  padding: 0 20px 10px;
}
// 更改报表配置表头样式
.report_no_check .el-checkbox__input.is-disabled .el-checkbox__inner::after{
  transform: scaleY(0);
  -ms-transform: scaleY(0);   /* IE 9 */
  -moz-transform: scaleY(0);  /* Firefox */
  -webkit-transform: scaleY(0); /* Safari 和 Chrome */
  -o-transform: scaleY(0);  /* Opera */
}
//   微信图文消息dialog
.wechatMenuEdit .el-dialog__body {
  padding: 10px 20px 10px;
}
// transfer角色
.role_transfer
  .el-transfer
    .el-transfer-panel
      width 41%
.el-transfer .el-checkbox-group .el-checkbox, .el-transfer .el-checkbox-group .el-checkbox__input {
  display: block;
}
// 通话事件禁止下拉框
.call_ev .el-select .el-input__inner{
  height: 30px !important;
}
/*form基本样式调整*/
.el-select-dropdown__item{
  font-size: 12px;
}
.el-select .el-select__tags .el-tag--mini{
  line-height: 16px;
}
.el-form--label-top .el-form-item__label{
  line-height: 1;
}
//.el-form-item__content{
//  line-height: 40px;
//}
.schedule-table .el-form-item__content{
  vertical-align:middle;
}
.el-input--small .el-input__inner,
.el-input--mini .el-input__inner{
  height: 30px;
  line-height: 30px;
}
.el-range-editor--mini.el-input__inner{
  height: 30px;
}
.el-cascader .el-icon-arrow-down {
  height: 28px;
  line-height: 28px;
}
.el-input__inner{
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
}
.el-icon-search{
  cursor: pointer;
}
.el-select__input{
  margin-left: 10px;
}
/* table公共样式 */
.el-table
  border 1px solid #e7e7eb
  border-bottom 0
  &.el-table--border
    border-right: 0;
    th, td
      border-right: 0
    .is-leaf:not(.el-table-column--selection):not(.is-right)::after
      content ''
      position absolute
      right 0
      top 25%
      height 50%
      opacity 0
      width 3px
      background #008cee
      border-radius 2px
    .is-leaf:not(.el-table-column--selection):not(.is-right):hover::after
      opacity 1

/* 下拉框样式调整 */
.el-dropdown-menu .ro-dropdown{
  color: $cf-gray4;
}
.el-dropdown-menu .ro-dropdown .iconfont,
.el-dropdown-menu .ro-dropdown .el-icon-plus{
  color: $cf-level4;
  font-size: 12px;
  margin-right: 6px;
}
.card-search-group .icon-refresh .iconfont,
.card-search-group .el-icon-plus,
.card-search-group .iconfont{
  color: $cf-level4 !important;
}
.el-dropdown-menu .ro-dropdown:hover{
  color: $cf-gray1;
  background: #eeeff1;
}
.el-dropdown-menu .ro-dropdown:hover .iconfont,
.el-dropdown-menu .ro-dropdown:hover .el-icon-plus{
  color: $c-main;
}
/* 表单验证成功的边框色调整 */
.el-form-item.is-success .el-input__inner,
.el-form-item.is-success .el-input__inner:focus,
.el-form-item.is-success .el-textarea__inner,
.el-form-item.is-success .el-textarea__inner:focus{
  border-color: #dcdfe6;
}
/*工单配置&&通话配置流程图自定义样式*/
.flowChartDetails{
}
#id1 .nodes .node rect,#mermaidholder .nodes .node rect,#mermaidholder .node circle, #mermaidholder .node ellipse, #mermaidholder .node polygon, #mermaidholderpop .nodes .node rect,#mermaidholderpop .node circle, #mermaidholderpop .node ellipse, #mermaidholderpop .node polygon{
  fill: rgba(245,245,245,0) !important;
  color: $cf-gray0;
  stroke:  #A6A6A6 !important;
  cursor: pointer;
}
#id1 .nodes .systemSettingTaskStep:hover>rect{
  stroke: #1abb9e !important;
}
#id1 .nodes .systemSettingTaskStep:hover>g.label {
  color: #1abb9e;
}
/*#id1 .nodes .node g.label:hover{*/
  /*color: #1abb9e;*/
/*}*/
#id1 .nodes .node g.label {
  cursor: pointer;
}
#id1 .edgePaths .edgePath path, #mermaidholder .edgePaths .edgePath path,#mermaidholderpop .edgePaths .edgePath path{
  stroke: $cf-level4 !important;
}
#id1 .edgePaths .edgePath marker path, #mermaidholder .edgePaths .edgePath marker path, #mermaidholderpop .edgePaths .edgePath marker path{
  fill: $cf-level4 !important;
}
.systemSettingTaskAction rect, .systemSettingTaskActionCancel rect{
  fill: rgba(245,245,245,0) !important;
  stroke-opacity: 0;
}
#id1 .systemSettingTaskAction .label,#mermaidholderpop .edgeLabel{
  color: #1abb9e
}
#id1 .systemSettingTaskActionCancel .label{
  color: red
}
.flowChartDetails .el-form--label-top .el-form-item__label {
  font-size: 14px;
  padding: 10px 0;
  height: 34px;
}
.flowChartDetails .stepLayout .el-form--inline .el-form-item {
  width: 100%;
}
.flowChartDetails .el-dialog__header .el-dialog__title{
  font-size: 16px;
}
.flowChartDetails .el-tabs__header {
  padding: 0 20px;
  background: #f5f5f5;
  border-top: solid #dbdbdb 1px;
}
.flowChartDetails .el-dialog__body{
  padding:20px 0;
}
.flowChartDetails .el-tabs .el-tabs__content .el-tab-pane {
  padding: 10px 20px;
}
#mermaidholder .edgeLabel,#mermaidholderpop .edgeLabel{
  background-color:$cf-white;
}
div.mermaidTooltip{
  background:$cf-blue !important;
  border:1px solid $cf-blue !important;
  color: $cf-white;
}
/*工单配置&&通话配置流程图自定义样式 end*/
/*自定义弹窗设定最小宽度*/
.customer-search-dialog{
 min-width: 725px;
}
/*工单明细弹出框样式 start*/
.bussiness-dialog-padding .business-history .ui-affix{
  padding: 27px 0px
}
#contactHistory-dialog .el-tabs__header{
  display: none;
}
//   工单联系历史详情发送备注需要tab切换
#contactHistory-dialog .business-tab .el-tabs__header{
  display: block;
}
#contactHistory-dialog .el-dialog{
  width: 800px;
}
#contactHistory-dialog.call-screen .el-dialog{
  width:100%;
}
#contactHistory-dialog .chat_msg_newCardInfo_top .newCardInfo_top_right{
  width: 200px;
}
.business-history-table .el-dialog {
    width: 780px;
}
 .business-history-table .el-dialog__body {
     height: 400px;
     overflow-y: auto;
 }
 /*工单disabled字体颜色*/
#business-info-form [disabled='disabled'], #business-info-form .el-radio__label, #business-info-form .el-checkbox__label{
    color: $cf-gray1;
}
#business-info-form input[disabled='disabled'], #business-info-form textarea[disabled='disabled'] {
    background-color: #f5f5f5;
    //border-color: $cf-gray5;
}
#business-info-form .is-disabled .el-checkbox__inner, #business-info-form .is-disabled .el-radio__inner{
     background-color: #f5f5f5;
     //border-color: $cf-gray5;
}
#business-info-form .is-disabled.is-checked .el-checkbox__inner, #business-info-form .is-disabled.is-checked .el-radio__inner{
    background-color: $cf-gray5;
    //border-color: $cf-gray5;
}
#business-info-form .is-disabled .el-input__icon {
    color: $cf-gray5;
}
#business-info-form .business-file-btn[disabled='disabled'] {
    display: none;
}
.addCataForm .el-dialog__header,.editCataForm .el-dialog__header,.deleteCataForm .el-dialog__header{
  line-height: normal;
}
.addCataForm .el-dialog__body,.editCataForm .el-dialog__body, .deleteCataForm .el-dialog__body{
  color: $cf-gray1;
  line-height: 0px;
}
.addCataForm .el-input{
  margin-top: 15px;
}
.editCataForm .el-form-item__label{
  margin-bottom: 5px;
}
.addCataForm .el-form-item,.editCataForm .el-form-item{
  margin-bottom: 15px;
}
/*.business-tab .el-form-item__label {
  color:#1a1a1a;
}
.business-tab .el-input__inner,.business-tab .el-input.is-disabled .el-input__inner{
  border-color:#999;
}*/

  /*公共样式*/
.report .el-select__tags-text.tag-max {
    max-width: 200px;/*自己选择最大宽度*/
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}
/*高级搜索多选*/
.advanced-search .el-tag--primary {
    width :46%;
    min-width :70px;
}
/*联系历史图片放大样式*/
.bigimg{
  background:none;
  overflow: hidden;

}
.bigimg .img-box{
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  top:0;
  left: 0;
  display: flex;
  text-align: center;
}
.bigimg .img-box img{
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.bigimg .el-dialog__close{
  color: $cf-white;
  font-size: 16px;
  font-weight: bold;
}
/*end*/
.ui-index .loading-index>.el-loading-mask{
   position: fixed;
   left: 56px;
}
#workbench>.el-loading-mask {
  position: fixed;
  left: 56px;
}
.monitor .loading>.el-loading-mask {
  position: fixed;
  left: 56px;
}
  //导航展开
.ui-index.navMenuState .loading-index>.el-loading-mask{
  position: fixed;
  left: 120px;
}
#workbench.navMenuState>.el-loading-mask {
  position: fixed;
  left: 120x;
}
.monitor.navMenuState .loading>.el-loading-mask {
  position: fixed;
  left: 120px;
}
.dislog-login .el-dialog{
  border-radius: 3px;
  height:335px;
  max-width:350px;
}
/*登录滑块验证码 dialog高度重置*/
.dislog-identify-code .el-dialog{
  height:180px;
}
.dislog-login .el-dialog__header{
  background-color: #f5f5f5;
  padding: 10px;
  border-radius:3px
}
.dislog-identify-code .el-dialog__header{
  background-color: $cf-white;
  border-bottom: 1px solid #dfe4e7;
}
.dislog-login .el-dialog__body{
  padding: 19px 20px;
  text-align:center;
  color:$cf-gray4;
  font-size: 12px;
}
.dislog-login .el-input__inner{
  width:260px;
  margin: 15px auto;
  text-align:center;
  /*border:1px solid #e6e6e6;*/
}
.el-dialog__title {
  color:$cf-gray1;
  font-size: 14px
}
/*.dislog-login .el-dialog__title{*/
    /*color: #1a1a1a;*/
/*}*/
.dislog-login .dialog-footer{
  text-align:center;
}
.dislog-login .el-button{
  width:260px;
  border-radius:18px;
  margin-left: 0;
}
.dislog-login .el-button--primary{
  background:$c-main;
  border:1px solid $c-main;
}
.dislog-login .el-button--default{
  border:1px solid $cf-gray5;
  margin-top:14px;
  color: $cf-gray5;
}
.dislog-email .el-dialog{
  height:216px;
}
.dislog-login .browser_tip {
  width: 85%;
  display: inline-block;
}
.dislog-email .el-dialog__body{
  padding-bottom:5px;
}
.dislog-phone .el-dialog{
  height:252px;
}
.dislog-phone .el-input__inner{
  margin-bottom:0;
}
.dislog-phone .el-dialog__footer{
  padding-top:5px;
}
.ico{
  background: url('./img/browser.png') no-repeat 0 0;
}
.icoChrome{
  height: 70px;
  width: 109px;
  display: block;
  margin: 15px auto 0;
  clear: both;
}
.m7badge .el-badge__content{
  display: none;
}

.ele-v-search .el-input__inner,.high-ranking-search .el-input__inner,.high-ranking-search .el-date-editor__editor,.report .el-input__inner
{
  height:28px;
  line-height: 28px;
  color: $cf-gray1;
}
.high-ranking-search .search-condition .el-form-item__label{
  margin-bottom: -16px;
  padding-bottom: 5px;
  color:$cf-gray4;
}
.high-ranking-search .el-checkbox {
  padding-right: 30px
}
.add-width .el-form-item__content{
  line-height: 28px
}
//.edit .el-form-item__content{
//  line-height: 30px
//}
.add-width .el-date-editor__trigger{
  line-height: 32px
}
.all-width .el-form-item__content{
  line-height: 20px
}
.card-group .el-tabs__header{
  border-bottom: 1px solid #d3d3d3;
  margin-bottom:0;
}

.quesSummaryConatiner .el-tabs__header{
  margin-bottom:0;
  border-bottom: none;
}
.func-tab .chat_info_todo .el-tabs__header{
  border-bottom: 1px solid $c-border1;
  margin-bottom: 0;
  height: 36px;
  box-sizing: border-box;
}
.func-tab>.func-tab-header> .el-tabs__header{
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 0;
  background: $c-back;
}
.func-tab-header>.el-tabs__header{
  margin-left: -8px;
}
.func-tab>.el-tabs .el-tabs__item {
  height: 36px;
  line-height: 36px;
  overflow: hidden;
  font-size: 13px;
}
.func-tab .func-tab-header .el-tabs__nav {
  height: 36px;
}
.func-tab>.el-tabs .el-tabs__item.is-disabled{
  color: $cf-gray5;
}
.func-tab>.el-tabs>.el-tabs__content{
  height: calc(100vh - 166px);
  width: calc(100% + 39px);
  overflow-y: auto;
  margin-left: -20px;
  background-color:$cf-white;
  position relative
}
.hiddenLine.func-tab>.el-tabs>.el-tabs__content{
  max-height:400px;
}
/*邮件summary tab下border被挤走bug修复*/
/*.emil-summary .func-tab:before {
  top: 35px !important;
}*/

.monitor .el-tabs{
  height: 100%;
}
.monitor>.el-tabs>.el-tabs__content{
  height: calc(100vh - 92px);
  height: -webkit-calc(100vh - 92px);
  height: -moz-calc(100vh - 92px);
  overflow: auto;
}
.el-tabs__item.is-active{
  color: $c-main;
}
.el-tabs__item{
  color:$cf-gray1;
  font-weight: bold;
  padding: 0 8px !important;
}
.card-group .el-tabs__item{
  height: 40px;
  line-height: 40px;
}
.el-tabs__active-bar{
  background-color: $c-main
}

.el-tabs{
  width:100%;
}

/*客户模高级搜索*/

/* 在线咨询右侧访客详细信息 */
.chat_info_box .el-tabs__header{
  background-color: $cf-white;
}
.chat_info_head .el-tabs__header{
  text-align: center;
}
.chat_info_head .el-tabs__header .el-tabs__item{
  display: inline-block;
  float: none;
}

/*知识库&&语音库*/
.km-detail .el-upload-list__item,.audio-library-wrap .el-upload-list__item,.weixin-pro-authorize .el-upload-list__item{
  display: none
}
.km-detail .el-upload-list__item:last-child,.audio-library-wrap .el-upload-list__item:last-child, .weixin-pro-authorize .el-upload-list__item:last-child{
  display: block;
}
.audio-library-wrap .el-upload-list {
  float:right;
}
.moniter-table .moniter-table-xhide .el-table__body-wrapper{
  overflow: hidden;
}
.report .el-table__body-wrapper{
  overflow: auto;
}
.report .el-table{
  border-bottom: 1px solid #e7e7eb;
  border-right: 1px solid #e7e7eb;
}
// .report .el-table th{
//   background: #f4f5f9;  
// }
// .report .agent .agent_table .el-table>.el-table__body-wrapper{
//   padding-bottom: 36px;
//   margin-bottom: -44px;
//   overflow-x: auto;
//   border-bottom: 1px solid #e7e7eb;
// }
// .report .agent .agent_table .el-table{
//   border-bottom: none;
// }
// .report .agent .agent_table.deal_margin .el-table__body-wrapper{
//   padding-bottom: 45px;
// }
//.report .agent .agent_table .el-table__body-wrapper::-webkit-scrollbar{ //
//  width: 0;
//  height: 0;
//}
.report .agent .agent_table .el-table__footer{
  background: #f5f7fa;
}
/* .report .agent .el-table__body-wrapper::-webkit-scrollbar {
  width: 0px;
  height: 0px;
} */
//  .report .agent .agent_table .el-table__footer-wrapper{
//   margin-bottom: 4px;
//   height: 40px;
//   overflow-y: hidden;
// }
.moniter-table .table .el-table__body-wrapper{
  overflow-y: auto;
}
.km .el-tabs__header{
  margin: 0;
}
.km .el-tree{
  background: none;
  border:none;
}
.km>.el-tree .el-tree-node__expand-icon{
  width: 13px;
  height: 14px;
  border:none;
  transform: none;
  background: url("../components/business-modules/km/img/km.png") no-repeat 0 0;
}
/*tree插件优化==qyg*/
/*.el-tree-node__expand-icon.is-leaf{*/
  /*display: none;*/
/*}*/
.quickreplay_box .el-tree-node__label{
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.quickreplay_box .el-form-item__content{
  padding-right: 80px;
  margin-bottom: 16px;
  line-height: normal;
}
.high-ranking-search .el-form-item__content{
  line-height:30px;
}
.el-loading-spinner .path {
  stroke:$c-main;
}
.el-loading-spinner .path, .el-loading-spinner .circular {
  webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.el-loading-spinner .el-loading-text{
  color: $c-main;
 }


/*popover宽度优化 邮件模块  qyg*/
.el-popover{
  min-width: 80px;
}

.popover_email .el-checkbox{
  color: $cf-gray5;
}
/*在线咨询页面表情组件样式  qyg*/
.emoji-face{
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url(./img/webchat_emoji.png);
}
.qq-face{
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  display: inline-block;
  background-image: url(./img/wechat_qq3.png);
}
.agent .el-table .cell,
.agent .el-table th>div{
  padding: 0 8px
}
.queue .el-table .cell,
.queue .el-table th>div{
  padding: 0 6px
}
/*更改报表主导航样式*/
.new_navbar{
  height: 50px;
  line-height: 50px;
}
.new_navbar .el-tabs__nav .el-tabs__item{
  padding: 0 15px !important;
  height: 30px;
  line-height: 30px;
  margin-left: 6px;
  font-weight: 400;
}
.new_navbar .el-tabs__nav .el-tabs__active-bar{
  display: none;
}
.new_navbar .el-tabs__nav-wrap .el-tabs__nav-scroll{
  margin-left: 6px;
}
.new_navbar .el-tabs__nav .el-tabs__item.is-active{
  background: $c-main;
  color:  $cf-white;
  border-radius: 14px;
}
.new_navbar .is-scrollable .el-tabs__nav-prev,
.new_navbar .is-scrollable .el-tabs__nav-next{
  line-height: 50px;
}
/*更改报表时间插件样式*/
.report .wrap_agents .el-select__tags{
  z-index: -1;
}
.reportTip{
  line-height: 20px;
}
.report .el-collapse-item__header{
  padding: 0 0 0 10px;
  height: 26px;
  line-height: 26px;
  border: none;
}
.report .el-collapse .el-collapse-item__content{
  padding: 0 0 10px 10px;
}
.report .el-collapse .el-collapse-item__arrow{
  float: none;
  margin-left: 10px;
  line-height 26px
}
.report .el-collapse .el-collapse-item__wrap{
  border: none;
}
.report .el-tabs__header{
  margin-bottom: 0
}
.market .el-tabs__header,
.quality-check .el-tabs__header,
.monitor .el-tabs__header,
.sms .el-tabs__header,
.km .el-tabs__header,.km .el-tabs__header,
.intelligent-quality-check .el-tabs__header{
  background: $c-back;
  margin-bottom: 0;
  border-bottom: 1px solid $c-border2;
}
.sms .si-detail .el-tabs__header{
  background: $cf-white;
  margin-bottom: 0;
  border-bottom: 1px solid #d9d9d9;
}
.sms .si-detail .el-tabs__header .el-tabs__item{
  font-weight: normal;
}
.quality_result .circle {
  color: #74cdb7;
  font-size: 12px;
  border-radius: 50%;
  border: 1px solid #74cdb7;
  display: inline-block;
  text-align: center;
  line-height: 16px;
  width: 16px;
  height: 16px;
}
/*更改报表标题虚线样式*/
/*.report .title{
  color: #999;
  margin: 28px 0 18px 0;
  font-weight: normal;
  position: relative;
  line-height: 16px;
}
.report .title .sign{
  position: relative;
  width: 12px;
  height: 12px;
  background: #7ccdd1;
  display: inline-block;
  z-index: 3;
}
.report .title .text{
  position: relative;
  display: inline-block;
  padding: 0 8px 0 10px;
  background: #fff;
  z-index: 3;
}
.report .title:after{
  content: "";
  display: inline-block;
  width: 100%;
  left: 0;
  border-bottom: 1px dashed #999;
  position: absolute;
  top: 50%;
}*/
.quality_result .myheader{
  color: $cf-gray0;
}
.quality-check .el-tabs__content .el-tabs__item {
  font-size: 12px;
}
/*.monitor .el-tabs__header,.sms .el-tabs__header{
  border-top: 1px solid #d3d3d3;
}*/
/*.report .el-tabs__header .el-tabs__item,
.km .el-tabs__header .el-tabs__item,
.quality-check>.el-tabs>.el-tabs__header .el-tabs__item,.monitor>.el-tabs>.el-tabs__header .el-tabs__item,.sms .el-tabs__header .el-tabs__item{
  padding: 0 15px !important;
  height: 58px;
  line-height: 58px;
  color: #a6a6a6;
}*/
.report .el-menu--horizontal>.el-menu-item:hover{
  background: none;
  border: none
}
.report .table table tr td.second ::after,
.report .el-table table tr td.second ::after{
  content: 's';
}
.report .table table tr td.percent ::after,
.report .el-table table tr td.percent ::after{
  content: '%';
}

/*phoneBar sms select组件样式修改  liyl*/
.send-sms .el-select{
  width:100%;
}
.el-select{
  max-width:100%;
}
.dialout_wrap .el-autocomplete{
  width:98%;
}
.send-sms .el-input__inner{
  height:30px;
}
/*改变placeholder字体大小*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  font-size: 12px;
  color:$cf-gray5 !important;
}
.dialout_wrap .el-autocomplete .el-input__inner{
  border:0;
  height:30px;
}
.sms .el-tabs__header,
.monitor .el-tabs__header,
.quality-check .el-tabs__header{
  margin: 0
}
/*质检头部样式  xugl*/
/*.quality-check .el-tabs__header .el-tabs__item{
  height: 48px;
  border-bottom: 1px solid #e6e6e6;
}*/
.quality-check .el-tabs__content{
  background: $cf-white
}
/*.quality .el-tabs__header{*/
  /*background: #fff;*/
  /*height: 48px*/
/*}*/
/*.quality .el-tabs__header .el-tabs__item{*/
  /*margin-top: 10px;*/
  /*padding: 0 15px;*/
  /*height: 30px;*/
  /*line-height: 30px;*/
  /*margin-left: 20px;*/
  /*border-bottom: none*/
/*}*/
/*.quality .called .el-form-item__label{*/
  /*margin-left: 26px;*/
/*}*/
/*.quality .to .el-form-item__label{*/
  /*width: 20px*/
/*}*/
/*.quality .el-form-item__label{*/
  /*width: 90px;*/
/*}*/
/*.quality .el-tabs__header .is-active{*/
  /*background: #459ae9;*/
  /*color: #fff;*/
  /*border-radius: 14px*/
/*}*/
/*.quality .el-tabs__header .el-tabs__active-bar{*/
  /*background: none;*/
/*}*/
.quality_result .el-form-item{
  margin-bottom: 0px;
}
/*问卷调查头部样式更改*/

.questionSubTab .el-tabs__nav{
  display: flex;
  width: 100%;
}

.questionSubTab .el-tabs__header .el-tabs__item{
  height: 25px;
  line-height: 25px;
  border-bottom: none;
  text-align: center;
  flex: 1;
  font-size: 12px;
  margin: 8px 10px 8px;
}
.questionSubTab .el-tabs__header .is-active{
  background: $c-main;
  color: $cf-white;
  border-radius: 14px;
}
.questionSubTab .el-tabs__header .el-tabs__active-bar{
  background: none;
}

/*客户模态框样式修改*/
/*.customer-dialog .el-dialog__header {
  padding: 16px;
}*/
.customer-dialog .el-dialog__body{
  padding: 0;
}
/* 邮件富文本编辑器高度 */
.send_chat_msg .ql-container{
  height: 4em;
}
/*更改分配客户样式*/
.assign .el-dialog--tiny{
  width: 690px
}
.assign .el-dialog__body{
  padding: 0
}
.assign .el-dialog__body .scResult ul li .el-input__inner{
  width: 64px
}
.assign .el-dialog__header{
  padding: 16px;
}
.el-dialog__header{
  color: $cf-gray5
}

/* 在线咨询详情页面样式调整 */
.webchat_customer .el-input__inner{
  height: 24px;
}
.webchat_customer .el-form-item__content {
  width: calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
  line-height: 32px;
}
.webchat_customer .webchat_customer__lastform .el-form-item__content{
  width: calc(100% - 10px);
  width: -webkit-calc(100% - 10px);
  width: -moz-calc(100% - 10px);
}
.webchat_customer .el-tabs__header{
  padding-top: 0;
}
#contentImSearch .se.webchat_summaryarch_tip span{
  color: #e86b64;
}
.email_todo_conbox .quickreplay_li .quickreplay_custom_edit_input,
.send_email_con_box .quickreplay_li .quickreplay_custom_edit_input{
  width: 96%;
}

.webchat_todo_conbox .quickreplay_custom_edit_box .quickreplay_custom_edit_input{
  width: calc(100% - 56px);
}

.el-form-item__label {
  font-size: 12px;
  color: $cf-gray1;
}
.el-dropdown-menu {
  max-height: 280px;
  overflow-x: auto;
}
/*操作日志*/
.change-log .el-loading-mask {
  margin-left:-65px
}

.card-list .el-loading-mask {
   z-index:99;
   position: fixed;
   left: 56px;
   top: 134px;
   width: 340px;
 }
/*问卷cardloading*/
.card-ques .card-list .el-loading-mask {
  top: 174px;
}
/*问卷分配Tooltip更改*/
.el-tooltip__popper.is-dark {
   opacity: 0.8;
   background-color: #1c8de0;
   max-width: 30em;
}

.el-tooltip__popper[x-placement^=left] .popper__arrow {
  border-left-color: #1c8de0;
}

.el-tooltip__popper[x-placement^=left] .popper__arrow::after{
  border-left-color: #1c8de0;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow {
  border-top-color: #1c8de0;
}

.el-tooltip__popper[x-placement^=top] .popper__arrow::after{
  border-top-color: #1c8de0;
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow {
  border-bottom-color: #1c8de0;
}

.el-tooltip__popper[x-placement^=bottom] .popper__arrow::after{
  border-bottom-color: #1c8de0;
}

.el-tooltip__popper[x-placement^=right] .popper__arrow {
  border-right-color: #1c8de0;
}

.el-tooltip__popper[x-placement^=right] .popper__arrow::after{
  border-right-color: #1c8de0;
}


/*更改在线咨询来源报表头部样式*/
.source_from .header .el-tabs__header,
.key_words .header .el-tabs__header,
.loyalty .header .el-tabs__header,
.flow_report .header .el-tabs__header,
.analysis_all .header .el-tabs__header 
.trafficReport .header .el-tabs__header {
  width: 458px;
  overflow: hidden;
  margin: 0 auto;
  color: $cf-gray1;
  border-radius: 5px;
  background: none;
  border: 1px solid #d9d9d9;
  margin-top: 20px;
}
.key_words .header .el-tabs__header{
  width: 230px;
}
.loyalty .header .el-tabs__header{
  width: 386px;
}
.analysis_all .header .el-tabs__header{
  width: 686px;
}
.source_from .header .el-tabs__header{
  width: 602px;
}
.trafficReport .header .el-tabs__header{
  width: 362px;
}
.source_from .header .el-tabs__header .el-tabs__item,
.key_words .header .el-tabs__header .el-tabs__item,
.loyalty .header .el-tabs__header .el-tabs__item,
.flow_report .header .el-tabs__header .el-tabs__item,
.analysis_all .header .el-tabs__header .el-tabs__item
.trafficReport .header .el-tabs__header .el-tabs__item{
  height: 38px;
  line-height: 38px;
  width: 120px;
  text-align: center;
  border: none;
  border-right: 1px solid #d9d9d9;
  font-weight: normal;
}
.loyalty .header .el-tabs__header .el-tabs__item {
  width: 128px;
}
.source_from .header .el-tabs__header .el-tabs__item:last-child,
.key_words .header .el-tabs__header .el-tabs__item:last-child,
.loyalty .header .el-tabs__header .el-tabs__item:last-child,
.flow_report .header .el-tabs__header .el-tabs__item:last-child,
.analysis_all .header .el-tabs__header .el-tabs__item:last-child
.trafficReport .header .el-tabs__header .el-tabs__item:last-child{
  border: none;
}
.source_from .header .el-tabs__header .el-tabs__item.is-active,
.key_words .header .el-tabs__header .el-tabs__item.is-active,
.loyalty .header .el-tabs__header .el-tabs__item.is-active,
.flow_report .header .el-tabs__header .el-tabs__item.is-active,
.analysis_all .header .el-tabs__header .el-tabs__item.is-active
.trafficReport .header .el-tabs__header .el-tabs__item.is-active{
  border: none;
  background: $c-main;
  border-radius: 0;
  color: $cf-white;
}
div.pagination-m7 button.btn-prev, div.pagination-m7 button.btn-next{
  background-color: transparent;
}
div.pagination-m7 button.btn-next{
  margin-left: -8px;
}
.monitor-table button .el-icon-more{
  color:$c-main;
}

/*卡片搜索栏 普通搜索*/

.an-count .el-input__inner {
  height: 24px;
  padding:0;
  text-align: center;
}
.el-input__inner {
  color: $cf-gray1;
}
.card-search-group .el-input__icon+.el-input__inner {
  display: inline-block;
  overflow:hidden;
  word-break:keep-all;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.card-search-group .select .el-input__icon+.el-input__inner {
  padding-right:22px;
}
/*更改监控报表的进度条样式*/
.monitor .server .el-progress-bar__inner{
  background: #7acdd1
}
.monitor .channel .el-progress-bar__inner{
  background: #d398ea
}
/* 富文本编辑器 */
.ql-emailUpLoadFile.icon-tupianicon,.ql-kmUpLoadFile.icon-tupianicon{
  color: $cf-gray5;
  font-size: 12px;
}
.email_todo_conbox {
  height: calc(100vh - 171px);
  overflow-y: hidden;
}
.email_todo_conbox .email_send_msg_box .w-e-droplist{
  max-height: 90px;
  overflow-y: auto;
}
  /* 邮件富文本编辑器 */
.email_todo_conbox .ql-picker-options{
  max-height: 68px;
  overflow-y: auto;
}
.score .el-dialog{
  width: 840px
}
/*修改个人信息dialog宽度修改*/
.userPicDialog .el-dialog--tiny {
  width: 450px;
}
/*短信模板管理>表单>查看上方小红点*/
.sms_temp_search .el-badge__content.is-fixed {
  top: 5px;
}
/*导入群发短信>右侧切换tab*/
.si-detail .el-tabs__nav {
  line-height: 50px;
}
/*短信 我的和全部 tip宽度*/
.smsAll .el-tooltip__popper.is-dark {
  max-width: 250px;
}
/*我的短信 全部短信 表格行高*/
/*.smsAll .el-table .cell,.smsMy .el-table .cell,.smsTemplate .el-table .cell {
  line-height: 19px;
}
.smsAll .el-table td,.smsMy .el-table td,.smsTemplate .el-table td {
  height: 36px;
}*/
.ss-el-option{
  overflow:hidden;
  word-break:keep-all;
  white-space:nowrap;
  text-overflow:ellipsis;
  max-width:24em;
}
.whiteFont .el-form-item__label{
  visibility:hidden;
}

.card-group .el-tabs__content{
  overflow: visible;
}

/*问卷电话图标样式*/
.ques_phone.disabled .iconfont{
  color: #d3d3d3;
}


/* 常见问题对在线咨询的影响 */
.chatMsgCon .chat_content_text img{
  max-width: 100%;
}

.webchat_card .chat_content p,.webchat_card .chat_content table{
  display: none;
}
#call_screen_wrap .func-tab>.el-tabs>.el-tabs__content{
  height:218px
}
.send_msg_form .el-form-item__content{
  line-height: normal;
}

/* tabel等 字体大小 */
.el-table, .el-menu-item, .el-submenu__title, .el-dialog__body, .el-radio__label, .el-checkbox__label {
  font-size: 12px;
}
.el-radio__label, .el-checkbox__label {
  line-height: 16px;
  color:$cf-gray1;
}
/* 在线咨询查看大图自定义dialog */
.opc .el-dialog--full{
  background: none;
}
.opc .el-dialog__close{
  color: $cf-white;
  font-size: 16px;
  font-weight: bold;
}

/*问卷*/
.quesSummaryConatiner .ques_phone .iconfont {
  font-size: 16px !important;
}

/*改变checkbox大小后需要重置对勾的大小*/
.el-checkbox__inner::after {
  height: 8px;
  width: 4px;
  top: 1px;
  left: 4px;
}

/* 在线咨询&&邮件 控制结束会话框的大小 */
.end-dialog-two .el-dialog{
  width: calc(50% - 12%);
  width: -webkit-calc(50% - 12%);
  width: -moz-calc(50% - 12%);
}
.end-dialog-one .el-dialog{
  width: calc(50% - 27%);
  width: -webkit-calc(50% - 27%);
  width: -moz-calc(50% - 27%);
}
/*会话邀请会话*/
.table-invite .el-input__inner{
  height: 50px;
}

.table-invite .el-input-group__append{
  background: #d9d9d9;
  border: none;
}
/* 知识库富文本编辑器按钮*/
.km .ql-toolbar.ql-snow{
  padding: 4px;
}
.km .ql-snow.ql-toolbar button{
  color: $cf-gray5;
  padding: 3px 3px;
  width: 24px;
}
.km .ql-toolbar.ql-snow .ql-formats{
  margin-right: 0;
}
.km .ql-snow .ql-stroke{
  stroke: $cf-gray5;
}
.km .ql-snow .ql-picker{
  color: $cf-gray5
}
.km .ql-snow .ql-fill, .km .ql-snow .ql-stroke.ql-fill {
  fill: $cf-gray5;
}
.km .ql-editor{
  color: $cf-gray1;
}
/* 邮件富文本编辑器按钮1200自适应处理 */
.email_send_box .ql-toolbar.ql-snow{
  padding: 4px;
  border-width: 0;
  border-top: 1px solid $c-border2;
}
.email_send_box .ql-container{
  border-width: 0;
}
.email_send_box .ql-snow.ql-toolbar button{
  padding: 3px 3px;
  width: 24px;
}
.email_send_box .ql-toolbar.ql-snow .ql-formats{
  margin-right: 0;
}
.email_send_box .ql-snow .ql-stroke{
  stroke: $cf-gray5;
}
.email_send_box .ql-snow .ql-picker{
  color: $cf-gray5
}
.email_send_box .ql-snow .ql-fill, .km .ql-snow .ql-stroke.ql-fill {
  fill: $cf-gray5;
}
/* 邮件富文本编辑器输入框样式调整 */
.email_send_box .ql-editor{
  padding: 10px;
}
.el-textarea__inner {
  font-size: 12px;
  color:$cf-gray1;
}
.el-dropdown {
  font-size: 12px;
}
.el-checkbox.onehead {
  padding-right: 5px;
}

.table-invite .el-input-group__append .el-button{
  height: 50px;
  border-radius: 0px 4px 4px 0px !important;
}

.table-invite .el-input-group__append .el-button:hover{
  border: 1px solid transparent !important;
}
/* 联系历史中的搜索按钮是后渲染出来的  所以得用全局
   因为优先级不够，暂时使用类名后代写css
 */

.img_action_kmsearch{
  display: none;
}
.webchat_todo_conbox .chat_item.in .do_search{
  position: relative;
  max-width: 360px;
  transition: padding-right 0.2s ease;
}
.webchat_todo_conbox .chat_item.in .do_search .img_action_kmsearch{
  color: $cf-gray0;
  position: absolute;
  right: 6px;
  bottom: 8px;
  display: none;
  transition: 0.2s ease;
  opacity: 0;
  cursor: pointer;
}
.webchat_todo_conbox .chat_item.in .do_search:hover{
  padding-right: 30px;
}
.webchat_todo_conbox .chat_item.in .do_search:hover .img_action_kmsearch{
  display: block;
  animation: mymove 0.2s 0.05s forwards;
}

@keyframes mymove
{
  from {opacity:0}
  to {opacity:1}
}

#call_screen_wrap .el-dailog__customize .el-dialog--large {
  width: 65%;
}
/*@-webkit-keyframes mymove*/
/*{*/
  /*from {opacity:0}*/
  /*to {opacity:1}*/
/*}*/
/*#view_nav_webchat .img_action_kmsearch{*/
  /*width:16px;height:16px;*/
  /*float:right;*/
  /*background-position: center -663px;*/
  /*position: absolute;*/
  /*right:5px;*/
  /*bottom: 6px;*/
  /*display: none;*/
  /*transition: 0.2s ease;*/
  /*opacity:0;*/
/*}*/
/*#view_webchat_todo_content  .chat_msg[noChatPopover="false"] .chat_popover_search:hover .img_action_kmsearch{*/
  /*display:block;*/
  /*animation:mymove 0.2s 0.05s forwards;*/
/*}*/
/*#view_webchat_todo_content  .chat_msg[noChatPopover="false"] .img_action_kmsearch:hover{*/
  /*display:block;*/
  /*animation:mymove 0.2s 0.05s forwards;*/
/*}*/
/*@keyframes mymove*/
/*{*/
  /*from {opacity:0}*/
  /*to {opacity:1}*/
/*}*/
/*工单card*/
.bus-card .card .el-icon-more:before{
  font-weight: lighter;
}

/*当问卷radio内容过多时进行特殊的处理*/
.questionContent .el-radio-group .el-radio,
.questionContent .el-checkbox-group .el-checkbox{
  word-wrap: break-word;
  white-space: normal;
  margin: 0 15px 0 0;
  line-height: 36px;
}

.questionContent .el-form-item__label{
  word-wrap: break-word;
  white-space: normal;
  text-align: left;
  line-height: 20px;
}

/*更改input label padding 因为行高有36px input高才30 所以间隙有6px 不需要padding*/
.el-form--label-top .el-form-item__label{
  padding: 0;
}
.el-textarea{
  padding-top: 3px;
}
/*更改form表单的下边距*/
.el-form-item__error {
  position: initial;
}

.el-form-item {
  margin-bottom: 5px;
}

.chat_info_box .time_line_warp li:first-child {
  margin: 0;
}
/*小分页压缩空间*/
.el-pagination--small {
  -webkit-font-smoothing: antialiased;
}
.el-pagination--small .el-pager li {
  padding: 0px 2px;
}
.el-pagination--small .el-pager li.btn-quicknext,.el-pagination--small  .el-pager li.btn-quickprev {
  line-height: 22px
}
div.el-pagination--small button.btn-next, div.el-pagination--small button.btn-prev {
  margin-left: 0px;
  padding: 0px;
  min-width: 18px;
  color: $cf-gray5;
}

/*在线咨询卡片样式调整*/
/* 左侧间距调整宽度调整为1 */
.webchat-card .webchat_card .remark{
  position: absolute;
  right: 0;
}

.batch .el-checkbox {
  margin-top: 0px;
  padding-right: 10px;
  margin-right: 20px;
}

/*通话标签操作日志框*/
/*.call-label-dialog .el-dialog__header{*/
  /*border-bottom: 1px solid #d3d3d3;*/
  /*padding:16px;*/
/*}*/
.call-label-dialog .el-dialog__body{
  /*padding-top:16px;*/
  min-height:300px;
  position:relative;
}
/*.phonebar-label-dialog .el-dialog__header{*/
  /*border-bottom: 1px solid #d3d3d3;*/
  /*padding: 12px;*/
/*}*/
.phonebar-label-dialog .el-dialog__body{
  min-height:300px;
  max-height: 400px;
  overflow-y:scroll;
}
/*关闭按钮*/
.el-dialog__close{
  color: $cf-gray5;
}

/* 在线咨询待处理详细信息tab页标题居中 *//* 邮件模块待处理详细信息tab页标题居中 */
.webchat_chat_info .el-tabs__nav-scroll, .email_chat_info .el-tabs__nav-scroll{
  text-align: center;
}
.webchat_chat_info .el-tabs__nav, .email_chat_info .el-tabs__nav{
  display: inline-block;
  float: none;
  margin-top: -1px;
}

/*el-table 样式调整*/
table a ,.el-table .cell >.el-button--text{
  color:$c-main;
}
.el-table .cell >.el-button--text.del{
  color:$c-pink;
}
.el-table__header-wrapper tbody td, .el-table__footer-wrapper tbody td {
  background: #fff;
}
.el-table--striped .el-table__body tr:nth-child(2n) td,.el-table__body tr:nth-child(2n) td{
  //background:#f4f5f9;
  background: #fff;
}
.el-table--enable-row-hover tr:hover > td{
  background:#f5f5f5 !important;
}
.el-table .sort-caret.descending{
  border-top-color: $cf-gray5;
}
.el-table .sort-caret.ascending{
  border-bottom-color: $cf-gray5;
}
.el-table .ascending .sort-caret.ascending{
  border-bottom-color: $c-main;
}
.el-table .descending .sort-caret.descending{
  border-top-color:$c-main;
}
.el-table th .cell{
  color:$cf-gray0;
}
.el-table td .cell{
  color:$cf-gray1;
}
.el-table td.remark .cell{
  color:$c-pink;
}
.el-table th,.el-table__header-wrapper .el-table__header{
  background:#f4f5f9;
}
.el-table th.is-leaf, .el-table td{
  border-bottom:1px solid #e7e7eb;
}
.el-table .caret-wrapper {
  height: 22px;
}
.el-table .sort-caret.descending {
  bottom: 0;
}
.el-table .sort-caret.ascending {
  top: 0;
}
/*未接来电管理界面的border颜色控制*/
.call-sheet-leak-body .el-table--border th{
  border-right:1px solid #e7e7eb;
}
.el-table__empty-text{
  color:$cf-gray1;
}
.el-table table{
  transform: translate3d(0, 0, 0)
}
.el-table::before,.el-table::after{
  background-color:#e7e7eb;
}
/* dialog body默认字色 */
.el-dialog__body, .el-message-box__content{
  color: $cf-gray1;
}

/*调整输入框中的icon大小*/
.el-input__icon.el-icon-search,
.el-input__icon.el-icon-time,
.el-input__icon.el-icon-date{
  font-size: 16px;
}

.time_search .el-button span{
  margin-left: 2px;
}

/*更改当radio和checkbox禁用状态下的颜色*/
.el-checkbox__input.is-disabled + .el-checkbox__label,
.el-radio__input.is-disabled + .el-radio__label {
  color: $cf-level1;
}

.add-task-tem .radio-template .el-form-item__content{
  width: calc(100% - 100px);
  min-height: 18px;
  line-height: 18px;
}

.add-task-tem .radio-template .el-form-item__label {
  height: 18px;
  line-height: 18px;
  //padding: 0 12px;
}
.config .el-tabs__header {
  margin: 0
}
.config .el-tabs__content{
    background: $cf-white;
    height: 100%
}
/*访客行为回放iframe默认颜色*/
.track-movie-screen iframe {
  background: $cf-white;
  margin: 0 auto !important;
  border: none;
  overflow-scrolling: no;
  overflow-y : hidden;
  transform-origin: left top 0px;
}

#player-iframe .mask-box {
  height: 100%;
  width: calc(100% - 10px);
  transform-origin: left top 0px;
  position: absolute;
  z-index: 1;
  opacity: 0;
  top: 0;
}

/*  在线咨询链接的颜色统一化 */
.chat_content_text .out a{
  color: $c-main;
}
/*config  饿了么组件 样式修改*/
.config .channel .el-tabs__nav-scroll {
  height: 36px;
}
.config .channel .el-tabs__nav-scroll .el-tabs__active-bar {
  bottom: 4px;
}
/*账号设置, 弹屏设置*/
.secondNav>.el-tabs__header,.interfaceConfig .el-tabs__header{
  background: $cf-white;
  height: 48px;
  border-bottom: 1px solid #d9d9d9;
}
.secondNav>.el-tabs__header,.interfaceConfig .el-tabs__header .el-tabs__nav-wrap::after{
  height: 0px;
}
.workbench-notice .el-date-editor--datetimerange{
  width: 100%;
}
/*来电按键菜单气泡样式控制 start*/
.el-tooltip .ivrKey {
  margin-bottom:8px;
}
.el-tooltip .ivrKey,.el-tooltip .ivrInfo {
  max-width:7em;
  text-align:right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.el-tooltip__popper .ivr-title{
  font-size:14px;
}
.el-tooltip__popper .ivr-p1,.el-tooltip__popper .ivr-p2{
  margin-top:10px;
}
/*来电按键菜单气泡样式控制 end*/
.webchat-card .card_chat_content .emoji-face{
  transform: scale(0.7,0.7);
  margin: -5px -3px;
}
#merge-table__hidepoint .el-radio__label {
  display: none
}
/* 在线咨询导出模块表格滚动条bug    qyg  */
.webchatExport .el-table__body-wrapper{
  overflow-y : hidden;
}
.el-fade-in-linear-leave-active {
  transition: opacity .0s linear
}
/*去掉小红点 白边*/
.el-badge__content {
  border: none;
  background-color: $c-pink;
}
.is-justify-center .el-badge__content {
  border: 1px solid #f0f2f7;
}
.el-badge__content.is-dot {
  width: 8px;
  height: 8px;
}
/* ============1708月版  全局按钮 调整  start============================= */
.primary_btn {
  display: inline-block;
  min-width: 90px;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  text-align: center;
}
.small_btn {
  display: inline-block;
  padding: 0 10px;
  height: 20px;
  line-height: 20px;
  font-size: 12px;
  text-align: center;
}
/*  ============1708月版  全局按钮 调整  end=============================  */

/*自定义notify样式*/
.notify_icon_bg {
  background: url("//fs-im-kefu.7moor.com/kf_logo_notify.png") no-repeat 50% 50%;
  background-size: 100%;
  height: 60px;
  width: 60px;
}
.customer_class{
  padding-left: 42px;
}
.customer_class .customer_icon{
  position: absolute;
  left: 13px;
  top: 14px;
  width: 30px;
  height 60px;
}
.private_notify_icon_bg {
  background: url("./img/kf_logo_notify.png") no-repeat 50% 50%;
  background-size: 100%;
  height: 60px;
  width: 60px;
}
.secondNav>.el-tabs__header .el-tabs__item,.interfaceConfig .el-tabs__header .el-tabs__item{
  margin-top: 10px;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  margin-left: 20px;
  border-bottom: none
}
.secondNav .called .el-form-item__label{
  margin-left: 26px;
}
.secondNav .to .el-form-item__label{
  width: 20px
}
/*.secondNav .el-form-item__label{*/
  /*width: 90px;*/
/*}*/
.secondNav>.el-tabs__header .is-active,.interfaceConfig .el-tabs__header .is-active{
  background: $c-main;
  color: $cf-white;
  border-radius: 14px
}
.secondNav>.el-tabs__header .el-tabs__active-bar,.interfaceConfig .el-tabs__header .el-tabs__active-bar{
  background: none;
}
/*展开标签table的样式*/
.tree-table .level2 td:nth-child(1){
  padding-left: 20px
}
.tree-table .level3 td:nth-child(1){
  padding-left: 30px
}
.tree-table .is_error .el-input__inner{
  border-color: #ff4949
}
/*渠道网站*/
.onlineMessage .el-tabs__header{
  background: #f5f5f5;
  border-bottom: 1px solid $c-border2;
}
.call-table .el-table__body-wrapper {
  overflow-y: hidden;
  overflow-x: hidden;
}
.call-table .level2 td:nth-child(1){
  padding-left: 20px
}
.call-table .level3 td:nth-child(1){
  padding-left: 30px
}
.call-table .is_error .el-input__inner{
  border-color: #ff4949
}
.first-level-label .is_error .el-input__inner{
  border-color: #ff4949
}

.notify_ellipsis {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  box-orient: vertical;
  word-break: break-all;
}
.workbench-notice-titlediv .el-input__inner{
  font-size: 12px;
}

/* 在线咨询切换卡片上传组件遗留的bug  qyg */
.webchat_con_sened_msg .moxie-shim{
  display: none;
}
/* 邮件设置模块表格超出隐藏 */
.firm_mail_list_table .el-table__body-wrapper{
  overflow-y: hidden;
}

.el-step__head.is-text.is-process{
  background-color: $c-main;
}
.el-step__title.is-process{
  color: $c-main;
}
.mailCategoreSet .el-form-item.is-required .el-form-item__label:before{
  display: none;
}
.mailCategoreSet .el-form-item__error {
  position: absolute;
}
.el-fade-in-linear-leave-active {
  transition: opacity .0s linear
}
/*来电按键菜单气泡样式控制 start*/
.el-tooltip .ivrKey {
  margin-bottom:8px;
}
.el-tooltip .ivrKey,.el-tooltip .ivrInfo {
  max-width:7em;
  text-align:right;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.el-tooltip__popper .ivr-title{
  font-size:14px;
}
.el-tooltip__popper .ivr-p1,.el-tooltip__popper .ivr-p2{
  margin-top:10px;
}
.webchat-card .card_chat_content .emoji-face{
  transform: scale(0.7,0.7);
  margin: -5px -3px;
}
.webchat-card .card_chat_content .qq-face {
  transform: scale(0.7,0.7);
  margin: -5px -3px;
}
#merge-table__hidepoint .el-radio__label {
  display: none
}
/*来电按键菜单气泡样式控制 end*/


/* 在线咨询导出模块表格滚动条bug   &&  设置模块邮件结束会话类型设置表格滚动   qyg  */
.webchatExport .el-table__body-wrapper,
.endSessionTable .el-table__body-wrapper,
.diy-table .el-table__body-wrapper,
.quickReplyMain .el-table__body-wrapper,
.webchat_set_box .el-table__body-wrapper,
.email_set_box  .el-table__body-wrapper{
  overflow-y : hidden;
}

.mail_category_add .el-form-item__error{
  position: absolute;
}
.customer-source-dialog .el-dialog{
  width: 365px;
}

 /*级联选择表单组件公用样式 zlx start */
#level-root .no-border>input {
  border: 0;
  color: $cf-gray4;
}
#level-root li.active>.bold .el-input__inner {
  background: $c-main;
  color: $cf-white
}
#level-root li:hover > .bold .el-input__inner {
  background: $c-main;
  color: $cf-white
}

/*级联选择表单组件公用样式 zlx start */
#dic-level-root .no-border>input {
  border: 0;
  color: $cf-gray4;
}
#dic-level-root li.active>.bold .el-input__inner {
  background: $c-main;
  color: $cf-white
}
//#dic-level-root li:hover > .bold .el-input__inner {
//  background: $c-main;
//  color: $cf-white
//}
/*级联选择表单组件公用样式 end */

/* 日程卡片展示样式 */
.schedule-table .el-form-item__content{
  font-size: 12px;
  line-height: 16px;
}
.schedule-table .el-form-item__label{
  padding: 0;
}
.schedule-expend-div .el-form-item__label{
  line-height: 20px;
}
.schedule-expend-div .el-order{
  display: block;
}
.schedule-expend-div .el-form-item{
  margin-bottom: 0;
}
   /* 邮件设置模块增加滚动条  qyg */
.email_set_box{
  max-height: calc(100vh - 172px);
  overflow-y: auto;
}
.webchat_set_box {
  max-height: calc(100vh - 130px);
  overflow-y: auto;
}
.new-config .email_set_box{
  max-height: calc(100vh - 52px);
}
.new-config .webchat_set_box{
  max-height: calc(100vh - 52px);
}
/*渠道设置微信客服绑定页radio*/
.wechatBinding .bindChoose .wechatoption .el-radio__label{
  font-size:16px;
  font-weight:bold
}
#weixinEdit .w-e-text-container {
  height: 150px !important;
}
/* 机器人添加问题富文本高度*/
#answerEditor .w-e-text-container{
  height: 120px!important;
}
/* 机器人添加问题富文本高度 -end*/

#relevantQuestionModal .el-dialog--small{
  width: 100%;
}

#email_editor_content .w-e-panel-container, #email_editor_menu .w-e-droplist{
  max-height: 90px;
  overflow-y: auto;
}
.artificial-table-wapper .el-table td {
  height: 32px
}
.w-e-text table, .contentDetails table, .editor-preview table{
  border: 1px solid $c-border2;
}
.contentDetails table td, .contentDetails table th, .editor-preview table td, .editor-preview table th{
  border-bottom: 1px solid $c-border2;
  border-right: 1px solid $c-border2;
  padding: 3px 5px;
}
.el-dialog__headerbtn:hover .el-dialog__close{
   color: $c-main;
 }
 /* 1.3.6的消息提示弹窗X偏了 */
.el-message-box__close {
  top: 0px;
  right: 5px;
}
/* message 层级*/
.el-message {
  z-index: 99999!important;
}
.el-autocomplete-suggestion li .peer-name {
  float:left;
}
.el-autocomplete-suggestion li .peer-status{
  float:right;
  color: $c-main;
}
.serviceNoManage .diy-table .cell{
  height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 120px;
}
/* 电话技能组中表单乱序问题 */
.callSkill .el-form-item__error {
  position: absolute;
}

.el-input {
  font-size: 12px;
}
/* message 层级*/
.el-message {
  z-index: 99999!important;
}
/* 设置网站在线咨询饿了么颜色控件样式 */
.style_config .wrapColor .el-icon-close{
  margin-top: 0;
}
.style_config .wrapColor .el-icon-caret-bottom{
  margin-top: 10px;
}
/*设置字典设置样式 输入框placeholder颜色*/
.dic_config_warp .el-form {
  display: flex;
  flex-wrap: wrap;
}
.dic_config_warp .li-wapper .noName input::-webkit-input-placeholder {
  color: $cf-white !important;
}
//#dic-level-root li:hover input::-webkit-input-placeholder {
//  color: $cf-white !important;
//}
/*问卷设置模块滚动条和高度*/
#questionnaireFieldConfig .wrapper .card-group {
  height: calc(100vh - 320px);
}
#questionnaireFieldConfig .wrapper .detail {
  height: calc(100vh - 320px);
}

#dic_warp .wrapper .overScroll{
  overflow: inherit;
}
/*时间选择插件  X 划过变成小手*/
.el-date-editor .el-icon-close{
  cursor: pointer;
}
/*用户行为回放*/
.customer-status-dialog .el-dialog--small{
  min-width: 650px;
}
.cus-status-dial .el-color-picker__trigger,.channel-global-set .el-color-picker__trigger{
  height: 29px;
}
.cus-status-dial .el-color-picker__color,.channel-global-set .el-color-picker__color{
  width: 18px;
  height: 18px;
}
.color-picker .el-color-picker__icon{
  left:35%;
}
.channel-global-set .el-color-picker__empty {
  margin-top:-1px;
}
.cus-status-dial .el-icon-close{
  margin: 0px;
}
.el-tooltip__popper .shield_chat{
  cursor: pointer;
}

#trackprogressBar {
  position: absolute;
  transform-origin:left center 0px;
  left: calc(16.66667% + 91px);
  top: 10px;
  min-width: 400px;
}

#trackprogressBar .origin {
  height: 8px;
  background: $c-cAgent;
  float: left;
}

#trackprogressBar .blank {
  height: 8px;
  background: $c-border2;
  float: left;
}
.notice-tree .myheader {
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  padding-right: 8px;
}
.notice-tree .readed {
  color: $c-main;
}
/*.notice-tree .myheader .name{*/
  /*max-width: 300px;*/
  /*overflow: hidden;*/
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
  /*word-break: break-all;*/
  /*display:inline-flex;*/
/*}*/
.assign .el-dialog .alResult[data-v-3ea0217c], .assign .el-dialog--tiny .alResult .assignedCount {
  color: #2ab34b
}
/*质检3级导航样式*/
.secondNav>.el-tabs__header,.qualityForMenu .el-tabs__header{
  background: $cf-white;
  height: 48px;
  border-bottom: 1px solid #d9d9d9;
}
.secondNav>.el-tabs__header .el-tabs__item,.qualityForMenu .el-tabs__header .el-tabs__item{
  margin-top: 10px;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  margin-left: 20px;
  border-bottom: none
}
.secondNav>.el-tabs__header .is-active,.qualityForMenu .el-tabs__header .is-active{
  background: $c-main;
  color: $cf-white;
  border-radius: 14px
}
.secondNav>.el-tabs__header .el-tabs__active-bar,.qualityForMenu .el-tabs__header .el-tabs__active-bar{
  background: none;
}
.secondNav>.el-tabs__header,.qualityForMenu .el-tabs__header .el-tabs__nav-wrap::after{
  height: 48px;
  background-color: $cf-white;
}
.secondNav>.el-tabs__header .el-tabs__nav-wrap:after{
  height: 0;
}
/* 更改高级搜索下的时间宽度 */
.advanced-search .popover .el-date-editor.el-input,
.advanced-search .popover .el-date-editor.el-input__inner{
  width: 192px;
}
.advanced-search .popover .el-date-editor.el-input__inner{
  margin-top: 2px;
}
/*质检3级导航样式   ======    end  */
/*.btn-color, .report_excel_btn {*/
  /*background-color: #459ae9;*/
  /*border-color: #459ae9;*/
/*}*/
.notice_c .notice-rig{
  overflow: auto;
}
.notice_c .wrapper .detail[data-v-7moor] {
  width: auto;
  height: 100%;
}
.el-message-box__message p{
  word-break: break-all;
}
.notice_c .wrapper .card-group[data-v-7moor]{
   height: 100%;
}
.user-info .img-url{
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(./img/wifi.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.user-info .img-good{
  background-position: 0px 0px;
}
.user-info .img-error{
  background-position: 0px -100px;
}
.user-info .img-weak1{
  background-position: 0px -75px;
}
.user-info .img-weak{
  background-position: 0px -50px;
}
.user-info .img-better{
  background-position: 0px -25px;
}

 /* 在线咨询日程管理添加技能组样式调整 */
.update_management_box .skill_group_node .el-form-item__label{
  text-align: left;
}

.searchPop .pop .pop_title_box span b{
  border: 2px solid $cf-gray5;
  width: 6px;
  height: 6px;
  line-height: 0;
  display: inline-block;
}
.pop .pop_title_box span b{
  border: 2px solid $cf-gray5;
  width: 6px;
  height: 6px;
  line-height: 0;
  display: inline-block;
}
.marketing .no-find {
  width: 120px;
  height: 130px;
  background-image: url(./img/noFind.png);
  background-size: cover;
  margin-right: 0px;
  margin-left: 0px;
  margin: auto;
  margin-bottom: 20px;
}
.marketing .filter .el-icon--right{
  margin-left: -10px;
}
.marketing .excellent-import {
  width: 80px;
  height: 80px;
  background: url(./img/import.png);
  background-size: contain;
  margin-left: 0px;
  margin-right: 0px;
  margin: auto;
  margin-top: 40px;
}
.marketing .excellent-good {
  width: 80px;
  height: 104px;
  background: url(./img/good.png);
  background-size: cover;
  margin-left: 0px;
  margin-right: 0px;
  margin: auto;
  margin-top: 30px;
}

/*在线咨询设置普通版样式调整*/
.float_icon_left {
  background: url('./img/config/left_float_icon.png') no-repeat;
  left: -1px;
  top: -1px;
  border-bottom: 2px solid $c-back;
  border-right: 2px solid $c-back;
}

.float_icon_right {
  background: url('./img/config/right_float_icon.png')  no-repeat;
  right: -1px;
  bottom: -1px;
  border-top: 2px solid $c-back;
  border-left: 2px solid $c-back;
}
.webchat-card .novice-wrap .content {
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  font-weight: normal;
}
.novice-wrap .img{
  background: url(./img/yixiang.png);
  width: 256px;
  height: 52px;
  background-size: contain;
  margin-bottom: 10px;
}

/* 在线咨询日程管理样式调整 */
.webchat_node_management .el-tabs__header{
  border: none;
}
.webchat_node_management .el-tabs__active-bar{
  display: none;
 }
.webchat_node_management .el-tabs__item{
  font-weight: normal;
  padding: 0 12px !important;
  height: 30px;
  line-height: 30px;
  border: 1px solid $cf-white;
  margin: 0 6px;
}
.webchat_node_management .is-active{
  border: 1px solid;
  border-radius: 8px;
}

.webchat_node_management .el-table__body-wrapper{
  overflow: hidden;
}

.time_node_li .nodeSelect .el-select{
  width: 40%;
}
.notice-bage .el-badge__content.is-fixed {
  top: 16px;
  right: 20px;
}
.notify .el-badge__content.is-dot {
  width: 7px;
  height: 7px;
}
.content3 span:nth-child(1){
  font-size: 14px;
  line-height: 14px;
  color: $c-prompt;
  padding: 0px 5px;
}
.content3 span:nth-child(2) {
  font-size: 14px;
  line-height: 14px;
  color: #aa00e8;
  padding: 0px 5px;
}
.time_node_li .order_input input {
  padding: 3px 6px;
}
.node_welcone_msg_box .welcone_msg_box img{
  max-width: 100%;
}
.el-tabs__item:focus.is-active.is-focus:not(:active) {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.el-tabs__nav-wrap::after{
  height: 1px;
  background: #e0e0e0;
}
#isSrcollBottom .el-tabs__nav-wrap::after{
  height:0;
}

/*在线咨询 未读消息数*/
.queueNum{
  margin-right: 5px;
}
.queueNum .el-badge__content{
  padding: 3px 5px;
  height: 7.5px;
  font-size: 10px;
  line-height: 8px;
  font-weight: 400;
  margin-bottom: 3px;
}
/*卡片的右边线*/
.el-menu {
  border-right: 0;
}

/*高级搜索*/
.inputSearch .el-input__inner {
  border-radius: 4px 0 0 4px;
}

.card-search-group .toggle-btn {
  line-height: 28px;
  width: 26px;
  border: 1px solid #dcdfe6;
  height: 28px;
  display: inline-block;
  box-sizing: border-box;
  top: 1px;
  color: #9a9a9a;
  text-align: center;
  margin-left: -1px;
  background-color: $cf-white;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}

.customAdvSearch .toggle-btn {
  line-height: 28px;
  width: 26px;
  border: 1px solid #dcdfe6;
  height: 28px;
  display: inline-block;
  box-sizing: border-box;
  top: 1px;
  color: #9a9a9a;
  text-align: center;
  margin-left: -1px;
  margin-top: 1px;
  background-color: $cf-white;
  border-radius: 0 4px 4px 0;
  cursor: pointer;
}

.card-search-group .high:hover .toggle-btn {
  border-color: $c-main !important;
  color: $c-main !important;
}

.card-search-group .high:hover .toggle-btn .iconfont{
  color: $c-main !important;
}

.card-search-group .high .iconfont:hover{
  color: $c-main !important;
}

.unauto .chatUserMsg .chat_content img{
  max-width: 100%;
}

.logout-dialog .el-dialog__body{
  padding-top: 10px;
}
.customer-filed .el-dialog, .customer-status-dialog .el-dialog, .assign-dialog .el-dialog{
  width: 850px;
}
.customer-slot .info .iconfont{
  line-height: 30px;
}
.upstatus-dialog .el-dialog{
  width 500px !important
}
.customer-slot .info .el-dropdown, .customer-slot .info .el-dropdown-link, .customer-slot .info .dropdown{
  line-height 30px !important
}
.el-tab-pane>.change-log {
  padding: 10px 20px 0 !important;
}
.rank tr td{
  text-align center
}
.grade-temp .el-input-group__append, .el-input-group__prepend{
  padding:0 4px;
}
// 邮件主动会话
.email_subject .el-input__inner{
  border-color:$cf-level2
}
.send_email_con .send_editor_box .w-e-menu {
  line-height: 20px;
  padding: 4px 6px;
}
.send_email_con .el-form-item__content{
  font-size: 12px;
}
// 邮件设置添加提醒人员组建
.form_agent
  .follow-agent-wrap
    border-radius: 5px
    border: 1px solid #ccc
    padding: 10px 15px 10px 5px
    margin-top: 10px
    overflow: hidden
  .follow-common
    float left
    position relative
    line-height 24px
    background-color #7ab8f3
    margin 0 0 10px 10px
    padding 0 10px
    color #fff
    border-radius 4px
  .follow-agent-add
    cursor pointer
    margin: 0
    margin-top: 10px
    color: #7ab8f3
    background: #fff
    border: 1px solid #7ab8f3
  .el-icon-close
    font-size 12px
  .follow-agent
    &:hover
      .el-icon-close
        display block
    .el-icon-close
      display none
      position: absolute
      right: -10px
      top: -10px
      width: 24px
      height: 24px
      font-size: 16px
      line-height: 24px
      -webkit-transform: scale(0.6)
      -ms-transform: scale(0.6)
      transform: scale(0.6)
      text-align: center
      color: #fff
      background-color: #ff6b6b
      border-radius: 50%
      border: 1px solid #fff
      cursor: pointer
.cus-province{
  position: relative;
}
.cus-province .star{
  color: #f56c6c;
  position: absolute;
  left: 10px;
  top: 3px
}
.cus-province .el-form-item__label{
  padding-left: 10px;
}
.star-show .el-form-item__label{
  padding-left: 0px;
}
.w-e-toolbar .w-e-menu.emailCSR{
  padding: 3px 10px;
}
.mail_satisfied_editor .el-form-item__label{
  margin-bottom: 8px;
}
.mail_satisfied_editor .el-form-item{
  margin-bottom: 12px;
}
.mail_satisfied_editor .el-form-item__content{
  font-size: 12px;
}
.channel .searchWrap .search .page{
  padding-top 4px
}
.channel .webService .page{
  padding-top 5px;
  height 30px
}
  //    质检结果  table 操作栏按钮  ...展开
.score-table-alone .el-table tr td:last-child .cell,.pass-table-alone .el-table tr td:last-child .cell
  overflow visible
.pass-table-alone .el-table__fixed-body-wrapper,.score-table-alone .el-table__fixed-body-wrapper
  overflow visible
.customer-dialog .el-dialog{
  width:800px
}
//  通话标签树形联动样式控制
.multi-cascader .el-cascader-menu__list{
  max-width: 240px;
}
.label-cascader .el-cascader-node__label{
  max-width: 168px
}
.webchat-finish .el-cascader-node__label{
  max-width: 280px
}
.customizeListQuery .inputSearch .el-input__inner{
  border-radius:4px
}
.card-group .card-search-group .el-input__inner:focus{
  border-right-color:#459ae9;
  position: relative;
  z-index: 3;
}
.card-group .card-search-group .el-input__suffix{
  z-index: 10;
}

.card-group .card-search-group .el-cascader__label,
.card-group .card-search-group .el-select__tags {
  z-index: 10;
}

// 级联字体大小重置
.el-cascader-node {
  font-size: 12px;
}
//  拼图验证dialog样式
.verify_dialog .el-dialog__header{
  display none
}
.new-config__container--right .blacklist-wrap{
  height: calc(100vh - 95px);
  overflow-y: auto;
}
.config .config--new{
  display none
}
.new-config__container--right .el-tabs__header {
  margin-bottom: 0;
}
.config>.el-tabs--top{
  width: calc(100% - 150px)
  border-bottom: 1px solid #e7e7eb;
  padding-right 150px
}
//  登录的时候拼图验证的dialog，去掉padding边框
.verify_dialog .el-dialog__body{
  padding: 0;
}
.add-notice .el-radio__label{
  padding-left 5px
}
.add-notice .el-radio + .el-radio {
  margin-left: 10px;
}
// autocomplete 字体大小控制
.el-autocomplete-suggestion li{
  font-size:12px;
}
//  微信公众号菜单设置页面调整
.wechatAuthEdit .el-radio + .el-radio {
  margin-left: 16px;
}
.wechatAuthEdit .menuContent .el-radio__label {
  padding-left 4px
}
//  隐藏时间插件的清空按钮
.hide-datetime-clear .el-button--text{
  display:none;
}
//质检申诉
.call-qc-popover{
  font-size:12px;
  color:$cf-gray3;
}
.call-qc-popover .qc-content{
  max-height:400px;
  overflow-y:auto;
}
.call-qc-popover textarea{
  width:100%;
  resize: vertical;
  border-color: $c-border1;
  border-radius: 4px;
  margin-top 10px
  max-height: 300px;
  color:$cf-gray3
  box-sizing: border-box;
}
.login-container--new .logo .el-input__inner {
  border: none
  padding: 0px;
  color #333
}
.login-container--new .logo .title span {
  margin: 4px 3px;
  display: inline-block;
  width: 3px;
  height: 3px;
  background: #666;
  border-radius: 5px;
}
.login-container--new .el-input__inner{
  height 36px;
  border: 1px solid #ccc
}
.login-container--new .login-form .l-input .el-input-group__prepend {
  width: 58px;
  text-align: left;
  padding-left: 7px;
  color: #333;
}
.login-container--new .l-input .el-input-group__prepend {
  border: 1px solid #ccc;
  border-right none
}
.login-container--new .login-form .pwd-input .el-input__inner {
  padding-right 25px
}
.login-container--new .forget-form .l-input .el-input-group__prepend{
  padding-left 5px
  width 68px;
  text-align left
  color: #333
}
.login-container--new .forget .el-form-item__error{
  padding-left: 78px
}
.login-container--new .el-form-item.is-error .el-input__inner, .login-container--new .el-form-item.is-error .el-input__inner:focus{
  border-color: #f56c6c;
}
.login-container--new .code-item1 .el-input__inner, .login-container--new .code-item1 .el-input__inner:focus{
  border-color: #f56c6c;
}
.login-container--new .el-input.is-disabled .el-input__inner {
  border-color: #ccc;
}
.forget-form-btn .primary_btn{
  display: inline-block;
  min-width: 120px;
  padding: 0 15px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  text-align: center;
}
//.webchat_quick_reply_dialog .el-dialog__body{
//  padding 0 30px 10px
//}
.quick_reply_dialog .el-form-item__content{
  line-height 14px
  font-size 12px
}
.quickreplay_sort_edit .el-form-item__content{
  line-height 30px
}
//  邮件模块特殊处理
.email_detail_content table {
  border-color $c-border2
}
.email_detail_content table td, .email_detail_content table th{
  border: 1px solid $c-border2;
  padding: 3px 5px;
}
#email_detail .el-dialog {
  width: 52%;
}
// 在线咨询右侧浏览轨迹popover样式
.guijiHistoryClass .guijiHistory {
  padding: 8px
}
.guijiHistoryClass .guijiHistory .time {
  color $c-log
}
.guijiHistoryClass .guijiHistory .desc {
  margin-bottom 10px
  color: $cf-gray0
}
.expandLayoutSendMsg {
  min-width 0px !important
  text-align center
  padding-bottom 0
  padding-top 0
}
.expandLayoutSendMsg i {
  cursor pointer
  float unset !important
  display block
  width 30px
  margin 10px 0 !important
  font-size 18px !important
}
.quickreplay_sort_edit .el-checkbox{
  margin-left 0
}
.quickreplay_sort_edit .el-checkbox__label{
  width calc(100% - 30px)
  overflow hidden
  text-overflow ellipsis
  vertical-align middle
}
.quickreplay_sort_edit .el-checkbox__label:hover{
  text-overflow: unset;
  white-space: initial;
  word-break: break-all;
}
//  在线咨询右侧快捷回复
.quickreply_box .el-tabs__header {
  margin 0 0 4px
}
// 通话下载任务列表
.export_call .el-tabs .el-tabs__header{
  background:$c-back;
}
.webchat_baseinfo_history>.plan{
  padding 20px 20px 0
  box-sizing border-box
  line-height normal
}
.webchat_baseinfo_operation>.change-log {
  padding 10px 20px 0
  line-height normal
  box-sizing border-box
}
.webchat_baseinfo_history .p-filter{
  padding 0 36px 10px 12px !important
}
.webchat_baseinfo_operation .filter-tab{
  padding 0 36px 10px 12px !important
}
.attach_and_copy_box .el-select__tags>span{
  max-height 80px
  overflow-y scroll
}
.monitor-cdr-table .el-table__empty-block{
  width 100% !important
}
.el-input__icon.el-icon-search{
  color:$cf-level4;
}
.el-input__icon.el-icon-search{
  color:$cf-level4;
}

//  微信公众平台对接
.wechatPlatformBox .el-form-item__content .el-select{
  width 100%
}

//  在线咨询会话邀请中——访客浏览轨迹popover层级处理
.browse_track_popover_zindex{
  z-index 30002 !important
}

//  在线咨询日程管理页面删除按钮展示优化
.scheduleConfig .delete_btn.primary_btn:hover{
  background-color: #ff8383;
  border-color: #ff8383;
}
.ifrmeT .el-dialog__headerbtn{
  z-index: 2000
}
.common-tootip.el-popover
  padding 20px
  font-size 12px
  line-height 20px
.padding-no-tooltip.el-popover
  padding 10px 0

// 在线咨询日程管理客户路由节点 条件路由表格样式优化
.cust_route_node_edit .el-table th.is-leaf,
.cust_route_node_edit .el-table td,
.cust_route_node_edit .el-table  tr:nth-child(2n) td,
.cust_route_node_edit .el-table  tr:hover > td{
  border none
  background-color #f4f5f9
}
.cust_route_node_edit .el-table::before{
  height: 0
}
.bigImageDiv{
  width: 100%
  height 100%
}
.bigImageDiv .bigImageView {
  z-index 30000
  overflow auto
}

.sms-select-option.el-select-dropdown__item span, .sms-mass-select-option.el-select-dropdown__item span{
  line-height: 1 !important
}
.custslot-tooltip.el-tooltip__popper.is-light{
  background-color:$cf-white;
  border:1px solid #e0e0e0;
  width:300px;
  box-sizing:border-box;
  padding:14px;
  max-height:70%vh;
  overflow-y:auto;
  line-height: 2;
}
//  技能组节点微信留言和放弃排队字体设置
.skillgroup_node_edit .wxEdit .el-form-item__content{
  font-size 12px
}
.business-history-wap.el-tooltip__popper.is-light{
  background-color $c-bus-tip
  border 1px solid #e0e0e0
  width:300px;
  box-sizing:border-box;
  padding 14px
  max-height:70%vh;
  overflow-y:auto;
  line-height: 2;
  transform-origin none
}
.media-dialog .el-dialog__headerbtn{
  z-index: 100000
}
/* 入口节点中form表单error提示位置 */
.el_form_key_words .el-form-item__error {
  position: absolute;
}
/* 入口节点中tooltip透明度处理 */
.entrance_node_tooltip.is-dark{
  opacity 1
}
//  简单版设置，满意度配置  满意度评价文案设置展示优化
.new-config .satisfaction_title_form .el-form-item::after{
  clear none
}
.new-config .satisfaction_title_form .el-form-item__content::after{
  clear none
}
// 全局的messagebox 往下挪，留出电话条的操作位置，不遮挡~
.el-message{
  top: 52px;
}

// 自动弹出时间dialog设置
.auto_popup_time{
  max-height 70vh
  overflow-y auto
}
.auto_popup_time .el-dialog__header{
  padding-bottom: 0;
}
//  自动弹出时间dialog——平时上班时间星期编辑框
.auto_popup_time .tree_input .el-input__inner{
  width calc(100% - 20px)
  margin-left 10px
}
//  自动弹出时间dialog——特殊节假日日期选择器宽度
.auto_popup_time .el-date-editor--daterange.el-input__inner{
  width 100%
}
//  自动弹出时间dialog——特殊节假日日期选择器左侧默认icon不展示
.auto_popup_time .el-input__icon.el-icon-date{
  display none
}
.quickReplyMain .drag_list_li .el-form-item__content{
  line-height 20px
  font-size 12px
}
.show-media-text .el-dialog__headerbtn{
  top: 0px
}
.show-media-text .el-dialog__headerbtn .el-icon-close {
  font-size: 32px;
  font-weight: normal;
  color #fff
}
.show-media-text .el-dialog__headerbtn .el-icon-close:hover {
  color #fff
}
//  在线咨询——网站设置——主动邀请——自动弹出时间段——时间选择器展示优化
.el-dialog.auto_popup_time .el-range-editor.el-input__inner{
  width calc(100% - 20px)
  padding 3px 4px
 }
.el-dialog.auto_popup_time .el-date-editor .el-range-separator,.el-dialog.auto_popup_time .el-date-editor .el-range__close-icon{
  line-height 22px
}
.el-dialog.auto_popup_time .el-input__icon.el-icon-time{
  display none
}
.el-dialog.auto_popup_time .el-date-editor .el-range-input{
  font-size 12px
}
.login_bg1 .login-model{
  box-shadow none !important
}

.el-step__head.is-success {
  color $c-main
  border-color $c-main
}
.el-step__title.is-success {
  color $c-main
}
// 使el-tree可以出现横行滚动条
.scroll-tree .el-tree .el-tree-node >.el-tree-node__children
  overflow visible
.customer-dialog .customer-big-img .el-dialog {
  width 100%
}

// el-message全局高度
.el-message {
  top 56px !important;
}

/* 翻页组件中跳转组件UI */
.pagination-m7 .el-pagination__jump{
  margin-left: 2px;
  color: #878787;
  font-size: 12px !important;
}
// wangeditor样式
.w-e-toolbar {
  background-color: #f1f1f1 !important;
  border: 1px solid #ccc !important;
}